<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script type="text/javascript" src="../js/axios.js"></script>
	</head>
	<body>
		<h1>剑道，剑道之心</h1>
		<div id="div">
			
		</div>
		
		<script type="text/javascript">
			/**
			 * url：http://localhost:8080/web/hello
			 * 类型：get
			 * 返回值：String
			 */
			// let url1 = "http://localhost:8080/web/hello"
			// axios.get(url1)
			// 	 .then(function(promise){
			// 		document.write(promise.data);
			// 	 })
				 
			/*简化方式1：抽取后端服务器*/
			axios.defaults.baseURL = "http://localhost:8080"
			/*简化方式2：箭头函数使用 如果参数只有一个括号可以省略*/
			axios.get("/web/hello")
				 .then((promise)=>{
					document.write(promise.data)
				 })
			/*
				简化方式3：
				
				问题描述：如果ajax如果嵌套的层级较多，则引发“回调地狱”问题
				解决问题：能否将axios中的then进行简化
				语法：
					1.使用async关键字标识函数
					2.通过await标识ajax请求
					3.必须同时出现
			*/
			async function getHello(){//定义函数
				//let{data:result,status:code} = await axios.get("/web/hello")
				let{data:result} = await axios.get("/web/hello")
				alert(result)
				return result
			}
			//调用函数
			let result1 = getHello();
			
		</script>
	</body>
</html>
